<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>未闻花名 - 视频播放</title>
    <link rel="stylesheet" href="index.css">
    <script src="index.js" defer></script>
</head>
<body>
<header>
    <div class="logo-title">
        <img src="logo.png" alt="网站Logo">
        <h1>未闻花名</h1>
    </div>
</header>
<div class="main-container">
    <div class="carousel">
        <img src="img_2.png" alt="图片1">
        <img src="img_1.png" alt="图片2">
        <img src="image.jpg" alt="图片3">
        <button class="prev">上一张</button>
        <button class="next">下一张</button>
    </div>
    <nav class="main-nav">
        <ul>
            <li><a href="1.html">首页</a></li>
            <li class="dropdown"><a href="jies.html">角色介绍</a>

            </li>
            <li><a href="shi.html">精彩片段</a></li>
            <li><a href="denglu.html">登录</a></li>

        </ul>
    </nav>
    <nav class="side-nav">
        <ul>
            <li><a href="#section1">部分1</a></li>
            <li><a href="#section2">部分2</a></li>
            <li><a href="#section3">部分3</a></li>
            <li><a href="#section4">部分4</a></li>
        </ul>
    </nav>
    <!-- 视频播放部分 -->
    <div class="video-section">
        <h2>视频播放</h2>
        <div class="video-container">
            <video controls>
                <source src="video.mp4" type="video/mp4">
                您的浏览器不支持 HTML5 视频标签。
            </video>
        </div>
    </div>
</div>
<footer>
    <p>&copy; 2024 未闻花名. 保留妍.</p>
    <div class="social-media">
        <a href="#"><img src="facebook-icon.png" alt="Facebook"></a>
        <a href="#"><img src="twitter-icon.png" alt="Twitter"></a>
        <a href="#"><img src="instagram-icon.png" alt="Instagram"></a>
    </div>
</footer>
</body>
</html>






